<template>
  <div class="index">
    <div class="index_main">
      <!-- nav start -->
      <!-- <Header /> -->
      <!-- nav end -->
      <!-- search start -->
      <!-- <Search /> -->
      <!-- search end -->
      <!-- classify start -->
      <Classify2 />
      <!-- classify end -->
    </div>

    <!-- swiper start -->
    <!-- <div class="shuffling">
      <el-carousel :interval="5000" arrow="never" trigger="click" :loop="true">
        <el-carousel-item v-for="item in 4" :key="item">
          <h3>{{ item }}</h3>
        </el-carousel-item>
      </el-carousel>
    </div> -->
    <!-- swiper end -->

    <!-- suspension start 悬浮 -->
    <!-- <div class="suspension">
      <div class="suspension_box">
        <div class="suspension_top">
          <p>联系客服</p>
          <span>16545212365</span>
        </div>
        <div class="suspension_bottom">
          <p>小程序</p>
          <div class="suspension_bottom_img"></div>
          <span>小程序更全面</span>
        </div>
      </div>
    </div> -->
    <!-- suspension end -->
    <!-- list start-->
    <!-- <div class="list"> -->
    <!-- one  -->
    <!-- <div class="index_main">
        <div class="list_box">
          <div class="list_top">
            <div class="list_top_left">
              <div class="list_top_logo">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_top_title">热门商品</div>
            </div>
            <div class="list_top_right">
              <div class="list_top_rightFont">更多</div>
              <div class="list_top_rightImg">
                <img src="../image/pic1.png" alt="" />
              </div>
            </div>
          </div>
          <div class="list_itemBox">
            <div class="list_item" @click="turn">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item list_item2">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
          </div>
        </div>
      </div> -->
    <!-- two  -->
    <!-- <div class="index_main">
        <div class="list_box">
          <div class="list_top">
            <div class="list_top_left">
              <div class="list_top_logo">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_top_title">热门商品</div>
            </div>
            <div class="list_top_right">
              <div class="list_top_rightFont">更多</div>
              <div class="list_top_rightImg">
                <img src="../image/pic1.png" alt="" />
              </div>
            </div>
          </div>
          <div class="list_itemBox">
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
          </div>
        </div>
      </div> -->
    <!-- three  -->
    <!-- <div class="index_main">
        <div class="list_box">
          <div class="list_top">
            <div class="list_top_left">
              <div class="list_top_logo">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_top_title">热门商品</div>
            </div>
            <div class="list_top_right">
              <div class="list_top_rightFont">更多</div>
              <div class="list_top_rightImg">
                <img src="../image/pic1.png" alt="" />
              </div>
            </div>
          </div>
          <div class="list_itemBox">
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
            <div class="list_item">
              <div class="list_item_img">
                <img src="../image/pic1.png" alt="" />
              </div>
              <div class="list_item_fontBox">
                <div class="list_item_title">
                  标题标题标题标题标题标题标题标题标题标题标题标题
                </div>
                <div class="list_item_price">￥35645</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- list end -->
    <!-- footer  start-->
    <!-- <Footer /> -->
    <!-- footer end -->
    <!-- copyright start -->
    <!-- <Copyright /> -->
    <!-- copyright end-->
  </div>
</template>
<script>
export default {
  data() {
    return {
      index: 1,
    };
  },
  methods: {
    turn() {
      this.$router.push("/shopDetail?id=24");
    },
  },
};
</script>
<style >
@import url("../assets/index.css");
@import url("../assets/swiper.css");
</style>